<template>
    <div style="margin-top: 20px">
        <ul>
            <li style="height:60px;line-height:60px;padding:0 15px;background:#ffffff;margin-bottom:1px"><router-link :to="'/serviceType?id='+type[0]"><img src='../../assets/icon.png' style="vertical-align:middle"><p style="dispaly:inline-block"><span class="title">仅退款</span><span class="tips">未收到货，或卖家协商同意前提下</span></p><img src="../../assets/下一个.png" style="width:10px;height:14px;margin-top:23px;float:right"></router-link></li>
            <li style="height:60px;line-height:60px;padding:0 15px;background:#ffffff;margin-bottom:1px"><router-link :to="'/serviceType?id='+type[1]"><img src='../../assets/icon1.png' style="vertical-align:middle"><p style="dispaly:inline-block"><span class="title">仅换货</span><span class="tips">已收到货，与卖家协商同意换货</span></p><img src="../../assets/下一个.png" style="width:10px;height:14px;margin-top:23px;float:right"></router-link></li>
            <li style="height:60px;line-height:60px;padding:0 15px;background:#ffffff;margin-bottom:1px"><router-link :to="'/serviceType?id='+type[2]"><img src='../../assets/icon1.png' style="vertical-align:middle"><p style="dispaly:inline-block"><span class="title">退货退款</span><span class="tips">已收到货，与卖家协商同意退货退款</span></p><img src="../../assets/下一个.png" style="width:10px;height:14px;margin-top:23px;float:right"></router-link></li>
        </ul>
    </div>
</template>
<script>
export default {
    name:'tuikuan',
    data () {
        return {
            type:[1,2,3],
        }
    },
    mounted(){
        
    }
}
</script>
<style lang='scss'>
p{
    display:inline-block;
}
.title{
    font-size:15px;
    margin-left:10px
}
.tips{
    font-size:12px;
    margin-left:10px;
    color:#000;
}
</style>